@import '~ng-devui/styles-var/devui-var.scss';
@import '~ng-devui/devui-layout.css';

:root {
  --devui-global-bg: #0b0c11;
  --devui-base-bg: rgba(35, 37, 45, 0.2); // 基础区块背景色
  --devui-text: rgba(255, 255, 255, 0.6); // 正文文本
  --devui-light-text: #000;
  --devui-dark-text: rgba(255, 255, 255, 0.8);
  --devui-text-title: #fff; // 标题文本
  --devui-line: #23252d; // 边框分割线，仅用于边框
  --devui-placeholder: #4a4b52; //默认文字颜色
  --devui-input: #8e8f97; //可选文字颜色
  --devui-brand-active: #FFFFFF; //tab颜色
  --devui-brand: #FFFFFF; //tab线
  --devui-form-control-line-active: #FFFFFF;
  --devui-danger-line: #FF0000; //校验错误边框
  --devui-danger: #FF0000; //校验错误文字
  --devui-form-control-bg: rgba(0, 0, 0, 0.20);
  --devui-font-size: 14px;
  --devui-fullscreen-overlay-bg: #0b0c11; //弹框背景色
  --devui-list-item-hover-text: #fff; // 列表类型普通选项悬停背景搭配文本（下拉菜单）
  --devui-list-item-hover-bg: #16181e; // 列表类型普通选项悬停背景
  --devui-dividing-line: #4a4b52;
  --devui-connected-overlay-line: #FFFFFF;
  --devui-connected-overlay-bg: #23252d; // 有连接点的弹出菜单层背景色
  --devui-primary: #fff;
  --devui-list-item-strip-bg: #131419;
  --devui-primary-hover: #ffffffcc;
  --devui-danger-bg: #0b0c11;
  --devui-link: #fff;
  --devui-list-item-active-bg: #8e8f97; //下拉选择框active颜色
}

body {
  background-color: $devui-global-bg;

  [dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,
  [dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,
  [dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,
  [dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error {
    background-color: unset;
  }
}

[ui-theme='devui-dark-theme'],
.is-dark[ui-theme='customize-theme'] {

  d-header,
  d-aside {
    background-color: #202124;
  }
}
